$(function(){
	getPic(); //获取轮播图图片
	getItems(); //获取菜单栏列表数据
	addTitle($("#freeWalk .mainTop"),"../index/freeWalk.json")  //获取机酒自由行标题栏
	addContent($("#freeWalk .mainBottom"),"../index/freeWalk.json","今日热点",{
		p:"机酒自由行产品",
		a:["机票","酒店","机+酒","邮轮"]
		}); //获取机酒自由行 里面的图片与文字内容
})
	var mySwiper = new Swiper('.swiper-container', {
	autoplay: 3000,//可选选项，自动滑动
	prevButton:'.swiper-button-prev',
	nextButton:'.swiper-button-next',
	//分页器
	pagination : '.swiper-pagination',
	paginationClickable :true,
})
$(".swiper-pagination-bullet").mouseleave(function(){
	mySwiper.startAutoplay();
})
$(".swiper-button-next").add(".swiper-button-prev").mouseleave(function(){
	mySwiper.startAutoplay();
})
$(".swiper-container").hover(function(){
	mySwiper.stopAutoplay();
},function(){
	mySwiper.startAutoplay();
})
// 红色字体的城市数组
var arrCity=["香港迪士尼","交通接驳","海洋公园","水舞间","新濠影汇","豪华自助","极限运动","台北","花莲","垦丁","高铁票","台北101","夜宿海生馆","出海赏鲸","环岛精选","上海迪士尼","上海迪士尼乐园门票","东京","大阪","冲绳","北海道","大阪环球影城","东京迪士尼","冲绳一日游","三丽鸥彩虹乐园","乐天世界","T-money","K-LIVE演唱会","乱打秀","英国","巴黎","罗马+梵蒂冈","巴塞罗那","圣托里尼","伊斯坦布尔","布拉格","卡帕多奇亚","南法薰衣草","瑞士铁路通票","圣家堂","英国深度游","希腊船票","美国","拉斯维加斯","夏威夷","塞班鸟","环球影城","迪士尼","大峡谷","尼亚加拉大瀑布","奥特莱斯","普吉岛","清迈","拜县","穷游精选","皮皮鸟","人妖秀","丛林飞跃","寻海豚之旅","夜间动物园","幻多奇乐园","马尔代夫","班度士岛","马尔代夫+斯里兰卡","蓝色美人蕉","阿玛瑞岛","镀锡天阙","新加坡","沙巴","长滩岛","巴厘岛","芽庄","岘港","新加坡环球影城","绿树林萤火虫","帕劳","凯恩斯","圣林群岛","皇后镇","米尔福德峡湾","大堡礁","银梭号游船+直升机","水母湖","新西兰滑雪","观鲸","毛里求斯","快艇追海豚","沙漠冲沙","法拉利公园+亚斯全世界","八星皇宫下午茶"];
// 换行的城市数组
var arrChangeRow=["香港迪士尼","水舞间","桂林","北京周边","大阪环球影城","韩国美食","穷游精选","寻海豚之旅","绿树林萤火虫","巴黎","巴黎迪士尼","环球影城","慕尼黑","英国深度游","皇后镇","新西兰滑雪"]
// 鼠标移入
$("#app").hover(function(){
	$("#app").removeClass("app1").addClass("app2");
},function(){
	$("#app").removeClass("app2").addClass("app1");
})

// 获取轮播图图片函数
function getPic(){
	$.ajax({
		url:"../index/banner.json",
		success:function(res){
			$.each(res,function(m,n){
				$(".swiper-slide").eq(m).append($("<img>").attr("src",n.imgUrl));
			})
		}
	})
}
// 获取菜单栏数据函数
function getItems(){
	$.ajax({
		url:"../index/menu.json",
		success:function(res){
			$.each(res,function(m,n){
				var oP=$("<p class='oP'>");
				$.each(res[m].mainCity,function(a,b){
					oP.append($("<a class='city'>").html(b))
				});
				var oLi=$("<li class='menuLi'>");
				oLi.append(
					$("<h2 class='titles'>").html(n.title)
					).append(
					$("<span class='menuSpan'>")
					).append(oP).appendTo($("#menuUl")).data("test",n)
			})
		}
	})
}

// 鼠标滑过菜单栏li时 生成并显示对应的数据
$("#menuUl").on("mouseenter","li",function(){
	$("#menuUl li").css("background","rgba(0,0,0,0.3)")
	$(this).css("background","white")
	$("#menuUl li").children("h2").css("color","white")
	$(this).children("h2").css("color","black")
	$("#menuDiv").css("display","block");
	switch($(this).data("test").title){
		case "港澳台 国内":methodOne($(this),1);break;
		case "日本 韩国":methodOne($(this),1);break;
		case "东南亚 南亚":methodOne($(this),1);break;
		case "澳新 中东非":methodOne($(this),1);break;
		case "出行必备":methodOne($(this),1);break;
		case "欧洲 美洲":methodOne($(this),0);break;
		case "主题推荐":methodTwo($(this));break;
	}
})

// 鼠标划出菜单栏时  隐藏
$("#menu").on("mouseleave",function(){
	$("#menuUl li").children("h2").css("color","white")
	$("#menuDiv").css("display","none");
	$("#menuUl li").css("background","rgba(0,0,0,0.3)")
})

// 创建li对应的数据函数
function methodOne(_obj,num){
	$("#left").empty();
	$("#right").empty();
	$("#right").css("display","block");
	var obj=_obj.data("test").moreCity;
	$.each(obj,function(m,n){
		if(m<=num){
			var oDiv=$("<div class='container1'>").appendTo($("#left"));
			$("<h3>").appendTo(oDiv).html(n.cityName);
		}else{
			var oDiv=$("<div class='container2'>").appendTo($("#right"));
			$("<h3>").appendTo(oDiv).html(n.cityName);
		};
		$.each(n.items,function(a,b){
				var oA=$("<a>")
				oA.appendTo(oDiv).html(b);
				for(var i=0;i<arrCity.length;i++){
					if(arrCity[i]==b){
						oA.css("color","red")
					}
				}
				for(var j=0;j<arrChangeRow.length;j++){
					if(arrChangeRow[j]==b){
						oA.css("clear","left")
					}
				}
			});
	});
	if(num==1){
		$("<img>").appendTo($("#right")).attr("src",_obj.data("test").moreCityImg).addClass("img1")
	}else{
		$("<img>").appendTo($("#right")).attr("src",_obj.data("test").moreCityImg).addClass("img2")
	}
}
// 特殊的li(主题推荐)  主题推荐的内容创建函数
function methodTwo(_obj){
	$("#left").empty();
	$("#right").empty();
	var obj=_obj.data("test").moreCity;
	$.each(obj,function(m,n){
		var oDiv=$("<div class='container1'>").appendTo($("#left"));
			$("<h3>").appendTo(oDiv).html(n.cityName);
			$.each(n.items,function(a,b){
				$("<img>").appendTo(oDiv).attr("src",b).addClass("recommend");
			});
	});
	$("#right").hide();
}

// 机酒自由行上边标题
function addTitle(_container,_url){
	$.ajax({
		url:_url,
		success:function(res){
			var oDiv=$("<div>");
			oDiv.appendTo(_container);
			$.each(res,function(m,n){
				if(m==0){
					$("<a>").html(n.title).appendTo(oDiv).addClass("active")
				}else{
					$("<a>").html(n.title).appendTo(oDiv)
				}
			})
		}
	})
}

// 机酒自由行 对应上边标题的内容
function addContent(_container,_url,_title,_obj){
	$.ajax({
		url:_url,
		success:function(res){
			$.each(res,function(m,n){
				if(n.title==_title){
					$.each(n.data,function(a,b){
						var li=$("<li>");
						li.append(
							$("<img>").attr("src",b.imgUrl)
							).append(
							$("<p>").addClass("p1").html("<em>"+b.price+"</em>"+"元起")
							)
						.appendTo(_container);
						if(b.time){
							li.append(
								$("<div>").addClass("inf").append($("<h3>").html(b.title)).append($("<p>").html(b.time).css({color:"#ccc",fontSize:"14px",marginTop:"7px"}))
								)
						}else{
							li.append(
								$("<div>").addClass("inf").append($("<h3>").html(b.title))
								)
						}
					});
					var oLi=$("<li>");
					oLi.appendTo(_container).append($("<p>").html("查看更多<br/>"+_obj.p).addClass("mainP")).append($("<span>").addClass("mainSpan"))
					$.each(_obj.a,function(j,k){
						oLi.append($("<a>").html(k).addClass("mainA"))
					})
				}
			})
		}
	})
}

// 鼠标滑过机酒自由行标题时  对应内容发生变化
$("#freeWalk .mainTop").on("mouseenter","a",function(){
	$("#freeWalk .mainTop a").removeClass("active");
	$(this).addClass("active");
	$("#freeWalk .mainBottom").empty();
	addContent($("#freeWalk .mainBottom"),"../index/freeWalk.json",$(this).html(),{
		p:"机酒自由行产品",
		a:["机票","酒店","机+酒","邮轮"]
		})
})
// 鼠标滑入 变颜色
$("#cityCountry a").mouseenter(function(){
	$("#cityCountry a").removeClass("active");
	$("#cityCountry a").css("color","#928275")
	$(this).addClass("active")
	$(this).css("color","#2cb69d")
})
$("#themeTop a").mouseenter(function(){
	$("#themeTop a").removeClass("active");
	$("#themeTop a").css("color","#928275")
	$(this).addClass("active")
	$(this).css("color","#2cb69d")
})
// 导入页脚
$("#linkFooter").load("/footer")




// 一定高度时 浮动条显示
window.onscroll=function(){
	var st=document.body.scrollTop||document.documentElement.scrollTop;
	if(st>400){
		$("#float").show();
	}else{
		$("#float").hide();
	}
	if(st>700){
		$("#toTop").show();
	}else{
		$("#toTop").hide();
	}
}
// 鼠标放上去 内容向上滚动 移出去 内容向下滚动,并回到原位置
$("#flTop").hover(function(){
	$(".bD1").finish()
	$(".bD2").finish()
	$(".bD1").hide(300);
	$(".bD2").show(300);
},function(){
	$(".bD2").hide(300);
	$(".bD1").show(300);
	$(".bD1").finish()
	$(".bD2").finish()
})

$("#flBottom").hover(function(){
	$(".sD1").finish()
	$(".sD2").finish()
	$(".sD1").hide(300);
	$(".sD2").show(300);	
},function(){
	$(".sD2").hide(300);
	$(".sD1").show(300);
	$(".sD1").finish()
	$(".sD2").finish()
})


// 回到顶部
$("#toTop").click(function(){
	var st=document.body.scrollTop||document.documentElement.scrollTop;
	document.body.scrollTop=0;
})

// 微博腾讯注销栏关闭按钮
$("#close").click(function(){
	$("#loginBox").hide();
})